@import "../../common/css/mixin.less";
@r: 1rem/75;
.homeWrapper {
  position: fixed;
  top: 0;
  width: 100%;
  bottom:100*@r;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #F0F0F0;

  .ways {
    display: flex;
    align-items: center;
    width: 100%;
    height: 165*@r;
    background: #fff;
    // position: fixed;
    // top: 66px;
    // left: 0;
    // z-index: 100;
    // overflow: hidden;
    // border: 1px solid blue;
    li {
      flex: 1;
      text-align: center;
      i {
        width: 80*@r;
        height: 80*@r;
        display: block;
        margin: 0 auto;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
      }

      .zhimafen {
        background-image: url("../../images/home/zhimafen.png");
      }
      .low {
        background-image: url("../../images/home/low.png");
      }
      .every {
        background-image: url("../../images/home/every.png");
      }
      .new {
        background-image: url("../../images/home/new_way.png");
      }
      p {
        color: #5B5B5B;
        font-size: 28*@r;
        margin-top: 24*@r;
      }
    }
  }

  .item{
    overflow: hidden;
    flex: 1;
    display: flex;
    align-items: center;
    flex-direction: column;
    .kouzi {
      box-sizing: border-box;
      background: #fff;
      margin-top: 20*@r;
      padding: 20*@r 30*@r 10*@r;
      width: 100%;
      height: 70*@r;
      overflow: hidden;
      .theme {
        color: #000;
        font-size: 32*@r;
        margin-bottom: 20*@r;
        .column {
          width: 3px;
          height: 30*@r;
          background: #E33F3F;
          display: inline-block;
          vertical-align: middle;
          margin-right: 20*@r;
        }
      }
    }
    .list{
      overflow: hidden;
      width: 100%;
      flex: 1;
    }
  }


}